<template>
    <div class="hd-empty-data" v-if="show">
        <img src="https://skv4.oss-cn-hangzhou.aliyuncs.com/cityCard/project/empty.png">
        <span class="hd-empty-data-title">暂无数据</span>
    </div>
</template>

<script>
export default {
  name: 'emptyData',
  props: {
    show: {
      type: Boolean,
      default: () => {
        return false
      }
    }
  }
}
</script>

<style scoped>
    .hd-empty-data {
        position: absolute;
        top: 30%;
        left: 41%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .hd-empty-data-title {
        font-size: 12px;
        margin-top: 8px;
        letter-spacing: 3px;
        color: #8e8e8e;
    }
</style>
